<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <style media="screen">
    .box {transform:translateX(100px) rotate(30deg);}
    </style>
    <script>
    window.onload=function (){
      let oBox=document.querySelector('.box');

      //matrix(0.707107, 0.707107, -0.707107, 0.707107, 0, 0)
      alert(getComputedStyle(oBox, false).transform);
    };
    </script>
  </head>
  <body>
    <div class="box">

    </div>
  </body>
</html>
